<template>
  <div>
    首页
  </div>
</template>

<script>
  import { getBaseInfo } from '@/api/main'
  export default {
      name: 'home',
      data() {
          return {
              baseData:{}
          }
      },
      mounted() {
          
      },
  }
</script>

<style lang="less" scoped>
  .home_page_wrapper{
    background:#fff;
    padding: 54px 44px;
  }
  @media screen and (max-width:1542px) {
    .home_page_wrapper {
      .browse {
        width: 26%;
        margin-right: 7%;
      }
    }
  }
  .browse{
    width:291px;
    height:181px;
    text-align:center;
    float:left;
    margin-right:89px;
    margin-bottom: 48px;
    border-radius: 5px;
    background:#4087FF;
    position: relative;
    overflow: hidden;
    &:before{
      position: absolute;
      border-radius: 50%;
      width: 240px;
      height: 240px;
      display: block;
      content:'';
      background:#75A6F9;
      top: -82%;
      left: 50%;
      transform: translateX(-50%);
    }
    .b1{
      color:#F3F1F1;
      font-size: 18px;
      position: relative;
      z-index: 3;
      margin-top: 43px;
    }
    .b2{
      font-size:18px;
      color:#F3F1F1;
      margin-top: 42px;
      font-weight:400;
      position: relative;
      z-index: 3;
    }
  }
  .count-style {
    font-size: 50px;
  }
</style>
